<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>事件修饰符</title>
        <style>
            * {
                margin-top: 20px;
            }

            .box {
                width: 300px;
                height: 100px;
                background-color: skyblue;
            }
        </style>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    </head>

    <body>
        <div id="root">
            <!-- TODO:prevent修饰符 -->

            <!-- TODO:stop修饰符 -->

            <!-- TODO:once修饰符 -->

            <!-- TODO:修饰符的串联 -->
        </div>

        <script>
            let vm = new Vue({
                el: '#root',
                methods: {},
            });
        </script>
    </body>
</html>
